<!DOCTYPE html>
<html>
<head>
	<meta http-equiv="Content-type" content="text/html; charset=utf-8" /> 
	<title>湖北省“互联网+放管服”展示平台</title>
    <link rel="stylesheet" href="../../js/css/screen/base.css">
    <link rel="stylesheet" href="../../js/css/screen/style.css">
    <link rel="stylesheet" href="../../js/css/screen/dzzzml.css">

    <script src="../../js/screen/echarts.min.js"></script>
    <script src="../../js/screen/jquery-1.7.2.min.js"></script>
    <script src="../../js/screen/dzzzml.js"></script>   
    <script src="../../js/screen/action.js"></script> 
    <style type="text/css">
	.mid_center{
		width:100%; 
		text-align:center;
		font-size: 35px;
		margin-left:220px
    }
	.cuocuo {
		 display: inline-block;
		 width: 38px;
		 height: 38px;
		 background: url(../../js/images/cuocuo.png) center no-repeat;
		 background-size: 25px 25px;
	}
	.duidui {
		 display: inline-block;
		 width: 38px;
		 height: 38px;
		 background: url(../../js/images/duidui.png) center no-repeat;
		 background-size: 25px 25px;
	}
    </style>
</head>
<body>
<div class="page_father">
<!--header start-->  
 
	<div class="header clearfix">
    <!--logo-->
    <h1 class="logo fl"></h1>
    <!--top menu-->
    <div class="menu_top fl">
      <ul>
        <li id="aindex"><a href="index.html"><span class="bg_lf"></span><span class="bg_mid">首页</span><span class="bg_rt"></span></a></li>
 
        <li id="acertifiedindex">
        <a href="certifiedindex.html"><span class="bg_lf"></span><span class="bg_mid">统一认证</span><span class="bg_rt"></span></a>
        </li>
        <li id="alicenseindex"><a href="licenseindex.html" class="selted_a"><span class="bg_lf"></span><span class="bg_mid">电子证照</span><span class="bg_rt"></span></a></li>
        <li id="adirectory1"><a href="directory1.html"><span class="bg_lf"></span><span class="bg_mid">资源目录</span><span class="bg_rt"></span></a></li>
        <li id="aexchange"><a href="exchange.html"><span class="bg_lf"></span><span class="bg_mid">共享交换</span><span class="bg_rt"></span></a></li>
        <li id="awwfg"><a href="wwfg.html"><span class="bg_lf"></span><span class="bg_mid">网络覆盖</span><span class="bg_rt"></span></a></li>
      </ul>
    </div>
    <!--top week-->
    <div class="top_week fl">
       <span id="week_data"></span><br><span id="today_data"></span>
    </div>
    <!--top time-->
    <!-- 
    <div class="top_time fl">
    	<span class="hour_time fl" id="hour_id" style="margin-left:15px;font-size:32px;"></span>
    	<span class="sed_time fl" id="min_id" style="margin-left:15px;font-size:32px;"></span>
    </div> -->
  </div> 
<!--header end-->

<!--bodyer start-->
  <div class="bodyer"> 
  <!--footer-->
  <div class="footer" style="background-image:url(../../js/images/screen/footer_bg2.png);"></div>
  <!--仪表盘主体内容-->
  <div class="bodyer_child_info clearfix">
     <div class="td1150 pr">
       <h2 class="card_title">应用情况</h2>
        <!-------->
       	<!--<div class=" dzz_ehar_lftop" id="chart1_1"> 
       </div>-->
       <h3 class="zz_us_card_title mt65 pl20 mgl-40" style="width:auto;margin: 20px 0 20px 50px;">引用排名</h3>
        <div class="dzz_ehar_lftop">
        	<div class="InfoTable">
                <table class="tableTop" id="yytable" >
                    <tbody><tr class="">
                        <th></th>
                        <th style="width:700px;">证照名称</th>
                        <th>引用次数</th>
                    </tr>
                    </tbody></table>
             </div>
        </div>
            
       <!---目录提供情况---->
		 
         <h3 class="zz_us_card_title mt65 pl20 mgl-40" style="width:auto;margin: 20px 0 20px 50px;">热门证照</h3>
         <div id="tables" class="InfoTable">
                <table class="tableTop" id="zztoptable">
                    <tbody><tr class="">
                        <th></th>
                        <th>证照名称</th>
                        <th style="width:34%;">主管部门<em class="ph1"></em><em class="ph2"></em></th>
                        <th style="width:34%;">是否收集<em class="ph1"></em><em class="ph2"></em></th>
                    </tr>
                    </tbody></table>
            </div>
     </div>

     <div class="td1478 pr" style='position:relative'>
       <h1 class="card_mid_title"><img src="../../js/images/screen/dzzz_tl.png"></h1>	   
        <div class="liji_numeber"><span class="dzz_shar_tl">累计入库</span><span class="dzz_shar_num" id="libanfanum"></span><span>本</span></div>
        <h3 class="zz_us_card_title mt65 pl20" style="width:auto;z-index:1000;position:absolute;top:250px;right:100px;margin-top:0;">
        	<a class="part_tab_btn on_show" id="city_btn_part" onclick="cityinfo();">地市州</a>
        	<a class="part_tab_btn" id="pro_btn_part" onclick="proinfo();">省直部门</a>
        </h3>
       
        <div class="map" id="map_div" style='margin-top:-20px;'>
            <div id="map" class="zz_ph_echar"></div>
        </div>
        
        <div class="barchart" id="barchart_div" style="height:260px;">
            <div id="barchart" class="w100 h100"></div>
        </div> 
        
        <div class="zz_ph_echar" id='chart3_2' style="top: 70px;height:690px;">
          <!--证照排行 柱图-->
        </div>        

     </div>
     <div class="td1150 pr">
        <h2 class="card_title">证照情况</h2>
         <!-------->
        <ul class="sz_all clearfix" id="topzzul">
        </ul>
         <div class="td2">
             <h3 class="zz_us_card_title mgt-15 pl20" style="width:1000px;padding-left:80px;">证照入库情况
             <!-- <a class="part_tab_btn on_show">地市州</a><a class="part_tab_btn">省直部门</a> --></h3>
             <div class="zz_face_go" id="chart2_3"></div>
         </div>
         <ul class="sz_all clearfix sz_all_bk">
           <li class="co5">
           <p>证照目录数</p>
           <span id="zzmlsl"></span>
           </li>
            <li class="co5">
           <p>颁证单位</p>
           <span id="bzdwsl"></span>
           </li> 
            <li class="co5">
           <p>法人证照数</p>
           <span id="frzzsl"></span>
           </li>
            <li class="co5">
           <p>自然人证照数</p>
           <span id="zrrzzsl"></span>
           </li> 
        </ul>
 
     </div>
  </div>
  </div>
<!--header end-->
</div>
<script>
	function getdzzzbfzs() {
 	    var msg={"city":"湖北省","count":"815184"}; 
		   var str="";
		   var j= msg.count.toString().length;
		   for (k=9;k>0;k--) { 
			   if( k % 3 == 0 && k<9 && j>3 && k<j ) {
				   str+="<span style='line-height:125px'>,</span>";
			   }
			   if(k>j) {
				   str += "<i>&nbsp;</i>"; 
			   }
			   else {
				   str += "<i>"+msg.count.toString().substring(j-k,j-k+1)+"</i>"; 
			   }
		   } 
		   $("#libanfanum").html(str)  
	}
	getdzzzbfzs();	
	
	function hotzz_list() {
 	    var msg=[{"licenseName":"工商营业执照","number":"601","dept":"工商局","isGet":"否"},{"licenseName":"中华人民共和国结婚证","number":"11","dept":"民政厅","isGet":"否"},{"licenseName":"中华人民共和国居民身份证","number":"248","dept":"公安局","isGet":"否"},{"licenseName":"全国工业产品生产许可证","number":"240","dept":"质监局","isGet":"否"},{"licenseName":"医疗机构执业许可证","number":"25","dept":"卫计委","isGet":"否"},{"licenseName":"安全生产许可证","number":"24","dept":"住建厅、安监局","isGet":"是"},{"licenseName":"药品经营许可证","number":"19","dept":"食药监","isGet":"否"},{"licenseName":"社会团体法人登记证书","number":"17","dept":"民政厅","isGet":"否"},{"licenseName":"药品生产许可证","number":"16","dept":"食药监","isGet":"否"},{"licenseName":"建筑业企业资质证书","number":"12","dept":"住建厅","isGet":"是"}];

			var str="";

		   for(i=0;i<msg.length;i++) {
			  str+="<tr><td><p class='public third bgc"+(i+1)+"'>"+(i+1)+"</td><td>"+msg[i].licenseName+"</td><td style='width:34%;'>"
					+msg[i].dept+"</td>"; 
			  if(msg[i].isGet=="否"){
				  str +="<td style='width:34%;'><i class='cuocuo'></i></td></tr>";
			  }
			  else {
				  str +="<td style='width:34%;'><i class='duidui'></i></td></tr>";		    			  
			  }
		   }
		   $("#zztoptable").append(str); 
	}
	hotzz_list();
  	
	 //	电子证照省引用排名 
	 function getlicense_name() {
	   var msg={"code":200,"message":"请求成功","data":{"中华人民共和国教师资格证书":31,"中华人民共和国医疗机构执业许可证":19,"中华人民共和国一级运动员证":13,"农药经营许可证":10,"社会团体法人登记证书":6,"农药生产许可证":5,"湖北省肥料登记证":3,"电影放映经营许可证":2}};

	  // 引用排名	应用情况 
	  var ttt1="";
	  var ttt2="";
		$.each(msg.data, function (k, v) {
		   ttt1 +=k+",";
		   ttt2 +=v+",";
		});
		var chart1xdata=ttt1.substring(0,ttt1.length-1).split(",");
		var chart1sdata=ttt2.substring(0,ttt2.length-1).split(",");
		var str="";

	   for(i=0;i<chart1xdata.length;i++) {
		  str+="<tr><td><p class='public third bgc"+(i+1)+"'>"+(i+1)+"</td><td style='width:700px;'>"+chart1xdata[i]+"</td><td class='color"+(i+10)+"'>"+chart1sdata[i]+"</td></tr>";
	   }
	   $("#yytable").append(str); 
	 }
	 getlicense_name();
  	
	 //	电子证照前四
	 function zzslqs() {
	   var msg=[{"licenseName":"中华人民共和国特种作业操作证","count":"34393"},{"licenseName":"建筑施工特种作业操作资格证书","count":"20578"},{"licenseName":"住房和城乡建设领域专业人员岗位培训考核合格证书","count":"10953"},{"licenseName":"中华人民共和国二级建造师注册证书","count":"7691"}];

	   	   var str="";
	   	   // "data":[{"licenseName":"","count":"10564"},{"licenseName":"","count":"8556"},{"licenseName":"","count":"3529"},{"licenseName":"","count":"2464"}]}
	   		for(i=0;i<msg.length;i++){
	  				str +="<li class='co"+(i+1)+"'><p style='height:66px;'>"
				+msg[i].licenseName.replace("中华人民共和国","中华人民共和国<br>")+"</p><span>"+msg[i].count
				+"</span></li>";
	   		} 
	    	$("#topzzul").append(str); 
	 }
	 zzslqs();
 
  	function yfzzbfqk(){
 	    var msg=[{"date":"2018-03","count":"5834"},{"date":"2018-04","count":"5834"},{"date":"2018-05","count":"6943"},{"date":"2018-06","count":"54910"},{"date":"2018-07","count":"815184"}]; 
		   var str1="";
		   var str2="";
		   for(i=0;i<msg.length;i++){
			   str1 +=msg[i].date+",";
			   str2 +=msg[i].count+",";
		   }
		   //证照颁发情况 曲线图
		   var chart2xdata= str1.substring(0,str1.length-1).split(",");
		   var chart2sdata= str2.substring(0,str1.length-1).split(",");
		   chart2_3 = echarts.init(document.getElementById('chart2_3'));
		   creat_Opt2_3(chart2xdata,chart2sdata);
		   chart2_3.setOption(opt2_3); 
  	}
  	yfzzbfqk();
  	
  
 
  // 地市州
  function cityinfo() {
	  $("#pro_btn_part").removeClass("part_tab_btn on_show");
	  $("#pro_btn_part").addClass("part_tab_btn");
	  $("#city_btn_part").removeClass("part_tab_btn");
	  $("#city_btn_part").addClass("part_tab_btn on_show");
	  
   	 	$("#chart3_2").css("display","none");			
   	 	$("#map_div").css("display","block");  
        $("#barchart_div").css("display","block");
   	 	
	    var msg=[{"city":"武汉市","count":"1194"},{"city":"襄阳市","count":"557"},{"city":"宜昌市","count":"300"},{"city":"黄石市","count":"183"},{"city":"十堰市","count":"62"},{"city":"荆州市","count":"225"},{"city":"荆门市","count":"69"},{"city":"鄂州市","count":"16"},{"city":"孝感市","count":"79"},{"city":"黄冈市","count":"489"},{"city":"咸宁市","count":"98"},{"city":"随州市","count":"31"},{"city":"恩施州","count":"84"},{"city":"仙桃市","count":"15"},{"city":"天门市","count":"36"},{"city":"潜江市","count":"95"},{"city":"神农架林区","count":"9"}];
	    			//var jsonobj = eval("("+msg+")"); 
			var maparr = []; 
			var max=0;
			for(i=0;i<msg.length;i++)  { 
			   maparr[i]=eval("({name:'"+msg[i].city+"',value:"+(msg[i].count)+"})");
			   if(parseInt(max)<parseInt(msg[i].count)) {
				   max=msg[i].count;
			   }
			}
			max=parseInt((parseFloat(max))/100)*100+1000;
			initmapnew(maparr,max); 
			getcitydatanew(""); 
	    getcityline("武汉市");
  }
  cityinfo();
  
  // 省直
  function proinfo() {
      $("#map_div").css("display","block"); // map_div barchart_div bar_div
      $("#barchart_div").css("display","block");
      $("#bar").css("display","none");
      
	  $("#city_btn_part").removeClass("part_tab_btn on_show");
	  $("#city_btn_part").addClass("part_tab_btn");
	  $("#pro_btn_part").removeClass("part_tab_btn");
	  $("#pro_btn_part").addClass("part_tab_btn on_show");
	  
	 	$("#chart3_2").css("display","block");			
  	 	$("#map_div").css("display","none");
        $("#barchart_div").css("display","none");
  	 	// 
	    var msg=[{"date":"省发改委","count":"241"},{"date":"省编办","count":"0"},{"date":"省经信委","count":"0"},{"date":"省教育厅","count":"328"},{"date":"省科技厅","count":"0"},{"date":"省公安厅","count":"0"},{"date":"省民政厅","count":"0"},{"date":"省司法厅","count":"0"},{"date":"省财政厅","count":"387"},{"date":"省人社厅","count":"0"},{"date":"省国土厅","count":"0"},{"date":"省国土厅","count":"49"},{"date":"省住建厅","count":"4287"},{"date":"省环保厅","count":"68"},{"date":"省水利厅","count":"42"},{"date":"省农业厅","count":"5"},{"date":"省林业厅","count":"28"},{"date":"省商务厅","count":"0"},{"date":"省文化厅","count":"1161"},{"date":"省卫计委","count":"191"},{"date":"省新闻出版广电局","count":"0"},{"date":"省体育局","count":"904"},{"date":"省统计局","count":"0"},{"date":"省工商局","count":"0"},{"date":"省质监局","count":"0"},{"date":"省旅游委","count":"0"},{"date":"省安监局","count":"3989"},{"date":"省食药监","count":"0"},{"date":"省人防办","count":"70"}];		  
	       	 	var st1="";
	       	 	var st2="";
	       	 	for(i=0;i<msg.length;i++) {
	       	 		st1 +=msg[i].date+",";
	       	 		st2 +=msg[i].count+",";
	       	 	} 
	    	    var data1=st1.substring(0,st1.length-1).split(",");
				var data2=st2.substring(0,st2.length-1).split(",");
	    	    
	    	    chart3_2 = echarts.init(document.getElementById('chart3_2'));
	    	    creat_Opt3_2(data1,data2);
	    	    chart3_2.setOption(opt3_2);  
  }
  
  // 地市州 证照目录数 颁证单位 法人证照数 自然人证照数 
  var tmpcity;
  function getcitydatanew(city) {
	  var msg={"zzbfsl":"815184","bzdwsl":"54","zzmlsl":"3271","zrrzzsl":"76456","frzzsl":"5028"};
	   $("#zzmlsl").html(parseFloat(msg.zzmlsl).toLocaleString());
	   $("#bzdwsl").html(parseFloat(msg.bzdwsl).toLocaleString());
	   $("#frzzsl").html(parseFloat(msg.frzzsl).toLocaleString());
	   $("#zrrzzsl").html(parseFloat(msg.zrrzzsl).toLocaleString());
	  getcityline(tmpcity);
  }
  
  function getcityline(tmpcity){
	  /*
	  $.ajax({
       type: "GET",
       dataType:"json",
       url: "szbmsjtj?city="+tmpcity,
       //async: false, 
       success: function(msg){ 
    	   if(msg!=null){ // zzmlsl  bzdwsl frzzsl zrrzzsl 
    		    // 加载柱状图
    		    
	       	 	var st1="";
	       	 	var st2="";
	       	 	for(i=0;i<msg.length;i++) {
	       	 		st1 +=msg[i].unitname+",";
	       	 		st2 +=msg[i].num+",";
	       	 	} 
	    	    var data1=st1.substring(0,st1.length-1).split(",");
				var data2=st2.substring(0,st2.length-1).split(",");
    	 	    barinit(data1,data2);
    	   }
       }
	  });
	  */
  }

</script>
</body>
</html>